// 导入样式
import "./index.css";
// 将行内样式进行抽离
const style = {
  color: "orange",
  fontSize: "80px", // font-size -> fontSize
};

function App() {
  return (
    <div className="App">
      {/* 1.行内样式控制 */}
      <div style={{ color: "aqua", fontSize: "50px" }}>组件基础样式处理</div>
      <div style={style}>组件基础样式处理</div>
      {/* 2.通过class类名控制 */}
      <div className="foo">组件基础样式处理</div>
    </div>
  );
}

export default App;
